Skip to content

Deploy - Fix build log horizontal overflow in deployment details dialog#301

Open
eshurakov wants to merge 2 commits intomainfrom
eshurakov/deploy-settings-screen
Open

Deploy - Fix build log horizontal overflow in deployment details dialog#301
eshurakov wants to merge 2 commits intomainfrom
eshurakov/deploy-settings-screen

Conversation

@eshurakov
Copy link
Contributor

@eshurakov eshurakov commented Feb 17, 2026

Summary

Before the change the whole dialog and not only build logs became scrollable.

  • Fix horizontal overflow in the Deployment Details dialog caused by long unbreakable strings (e.g. minified CSS, long URLs) in build logs
  • Add overflow-hidden to the build log wrapper and min-w-0 to the <pre> element to constrain it within the dialog
  • Switch from break-words to break-all to force-break long strings at any character boundary
Screenshot 2026-02-18 at 13 05 37

@kiloconnect
Copy link
Contributor

kiloconnect bot commented Feb 17, 2026

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (1 files)
  • src/components/deployments/BuildLogViewer.tsx - CSS fix for horizontal overflow in build log viewer. Uses w-0 min-w-full pattern on the <pre> element and overflow-hidden on the wrapper to properly constrain long log lines.

@eshurakov eshurakov requested review from a team and RSO February 18, 2026 12:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant